.testPage{
    width: 100%;
    height: calc(100vh - 135px);
    font-size: 20px;
    // height: 100%;
    // margin-top: 40px;
    // background-image: linear-gradient(to bottom, #113654, #00162b);
    background: url(../images/factory/bg1.png) no-repeat center top;
    background-size: 100% 100%;
    position: relative;
    .testBg{
        width:100%;
        height: 95%;
        margin: 0 auto 2.5%;
        // background: url(../images/factory/bgwang.png) no-repeat center center;
        background-size: 100%;
        padding: 1% 0;
        // position: absolute;
        // left: 0;
        // top: 2.5%;        
    }
    .testcontent{
        width:100%;
        height:100%;
        background: url(../images/factory/bg.png) no-repeat center top;
        // background: url('../images/factory/3.apng') no-repeat center bottom;
        // background-image: url('../images/factory/3.apng');
        background-size:auto 100%;
        // background-size: contain;
        z-index: 9;
        position: absolute;
        left: 0;
        top: 0;
        .testMain{
            // width: 93.75%;
            // height: 100%;
            // border: 1px solid red;
            position: absolute;
            left:50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
            // padding-top: 5%;
        }
        .hubtn{
            width: 10%;
            height: 75%;
            cursor: pointer;
            position: absolute;
            left:7%;
            top: 10%;
        }
        .btndev{
            width: 10%;
            height: 20%;
            position: absolute;
            right: 8%;
            top: 32%;
            cursor: pointer;
        }
        .pagePre{
            // width: 0.44rem;
            // height: 0.24rem;
            width: 60px;
            height: 30px;
            position: absolute;
            left: 44.5%;
            top: 4%;
            transform: translateX(-50%);
            cursor: pointer;
            z-index: 3;
            background: url(../images/factory/jiantou4.png) no-repeat center center;
            background-size: contain;
            // animation: 2s ease ;
            animation: zoomInOut 2s ease-in-out infinite;
        }
        @keyframes zoomInOut {
            0%,100% {transform:scale(1)}
            50% {transform: scale(1.2);}
        }
        .pageNext{
            // width: 0.44rem;
            // height: 0.24rem;
            width: 60px;
            height: 30px;
            position: absolute;
            bottom: 10%;
            left: 43.3%;
            transform: translateX(-50%);
            cursor: pointer;
            z-index: 3;
            background: url(../images/factory/jiantou5.png) no-repeat center center;
            background-size: contain;
            animation: zoomInOut 2s ease-in-out infinite;
        }
        .bgmainbox{
            width: 100%;
            height: 100%;
            padding-top: 4%;
        }
        .bgmain{
            height: 26%;
            // background: url(../images/factory/bgm.png) no-repeat left top;
            // background: url(../images/factory/1.apng) no-repeat left center;
            background: url(../images/factory/2.webp) no-repeat 50% 25%;
            background-size: 150%;
            position: relative;
            // margin: 0 14% 1%;
            .modelBtn{
                width: 188px;
                height: 88px;
                // width: 1.504rem;
                // height: 0.704rem;
                background: url(../images/factory/txtbg.png) no-repeat left top;
                background-size: contain;
                position: absolute;
                // cursor: pointer;
                left: 5%;
                top: 0%;
                p{
                    color: #fff;
                    text-align: center;
                    // padding-top: 13px;
                    // padding-top: 0.09rem;
                    margin-top: 11px;
                    font-weight: bold;
                    letter-spacing: 2px;
                    // font-size: .16rem;
                    font-size: 19px;
                }
            }
            .sjbtn{
                // width: 120px;
                padding: 0 10px;
                text-align: center;
                height: 40px;
                line-height: 40px;
                // height: 0.3rem;
                // line-height: 0.3rem;
                // border-radius: 0.3rem;
                font-size: 19px;
                font-weight: bold;
                border: 1px solid #29ABE2;
                background-color: rgba(41,171,226,0.2);
                // opacity: 0.5;
                border-radius: 20px;
                cursor: pointer;
                color: #fff;
                position: absolute;
                z-index: 3;
            }
            .sjbtn1{
                left: 14%;
                top: 66.5%;
            }
            .sjbtn2{
                left: 28%;
                top: 12%;
            }
            .sjbtn3{
                left: 55%;
                top: 12%;
            }
            .sjbtn4{
                left: 75%;
                top: 66.5%;
            }
        }
        .bgmain1{
            width: 68.5%;
            margin: 0 17.8%;
        }
        .bgmain2{
            width: 75%;
            margin: 0 15%;
        }
        .bgmain3{
            width: 81%;
            margin: 0 12.5%;
        }
    }
    .txt{
        border-radius: 5px;
        color: #00a4ff;
        font-weight: bold;
        cursor: pointer;
        text-align: center;
        position: absolute;
        border: 1px solid #00a4ff;
        padding: 5px 0;
    }
    .box1{
        width: 90px;
        left: 10%;
        top: 10%;
    }
    .box2{
        width: 90px;
        left: 9%;
        top: 17%;
    }
    .box3{
        width: 90px;
        left: 8%;
        top: 24%;
    }
    .jiantou{
        width: 225px;
        height: 103px;
        background: url(../images/factory/bg2.png) no-repeat center top;
        background-size:80% auto;
        position: absolute;
        z-index: 1;
        animation: blink 3s infinite;
    }
    // .jiantou1{
    //     animation-delay: 0.2s;
    // }
    .jiantou2,.jiantou5,.jiantou8{
        animation-delay: 1s;
    }
    .jiantou3,.jiantou6,.jiantou9{
        animation-delay: 1.8s;
    }
    .jiantou1{
        left: 27.5%;
        top: 22%;
    }
    .jiantou2{
        left: 44%;
        top: 22%;
    }
    .jiantou3{
        left: 59.5%;
        top: 22%;
    }
    .jiantou4{
        left:26.5%;
        top:48.5%
    }
    .jiantou5{
        left:43%;
        top:48.5%
    }
    .jiantou6{
        left:60.5%;
        top:48.5%
    }
    .jiantou7{
        left:25%;
        top:78%
    }
    .jiantou8{
        left:44.5%;
        top:78%
    }
    .jiantou9{
        left:64%;
        top:78%
    }
    @keyframes blink {
        0% {opacity: 0;}
        50% {opacity: 1;}
        100% {opacity: 0;}
    }
    // 右边三个箭头
    .bjiantou{
        width: 50px;
        height: 42px;
        position: absolute;
        z-index: 1;
        animation: blink2 2s linear infinite;
    }
    .bjiantou1{
        left: 75%;
        top:26%;
        background: url(../images/factory/bg3.png) no-repeat center top;
        background-size:80% auto;
    }
    .bjiantou2{
        left: 77%;
        top:47.5%;
        background: url(../images/factory/bg4.png) no-repeat center top;
        background-size:80% auto;
    }
    .bjiantou3{
        left: 79%;
        top:72%;
        background: url(../images/factory/bg5.png) no-repeat center top;
        background-size:80% auto;
    }
    @keyframes blink2 {
        0% { opacity: 0; }
        50% { opacity: 1; }
        // 50.01% { opacity: 0; }
        100% { opacity: 0; }
    }
    // 弯曲上的箭头
    .sjiantou{
        width: 50px;
        height: 42px;
        // width: 0.12rem;
        // height: 0.12rem;
        position: absolute;
        z-index: 1;
        // transition: opacity 0.3s ease-in-out;
        animation: pulse 1s ease-in-out infinite
    }
    .sjiantou1{
        background: url(../images/factory/bg6.png) no-repeat center top;
        top: 24.3%;
        right: 14%;
        // animation-delay: 0.1s;
    }
    .sjiantou2{
        background: url(../images/factory/bg7.png) no-repeat center top;
        top: 30.8%;
        right: 10%;
        animation-delay: 0.3s;
    }
    .sjiantou3{
        background: url(../images/factory/bg8.png) no-repeat center top;
        top: 41%;
        right: 5.9%;
        animation-delay: 0.6s;
    }
    .sjiantou4{
        background: url(../images/factory/bg9.png) no-repeat center top;
        top: 52%;
        right: 4.9%;
    }
    .sjiantou5{
        background: url(../images/factory/bg10.png) no-repeat center top;
        top: 62%;
        right: 4.8%;
        animation-delay: 0.3s;
    }
    .sjiantou6{
        background: url(../images/factory/bg11.png) no-repeat center top;
        top: 69%;
        right: 8.8%;
        animation-delay: 0.6s;
    }
    @keyframes pulse {
        0% {
          opacity: 0.2;
        }
        50% {
          opacity: 1;
        }
        100% {
          opacity: 0.2;
        }
    }
    .hjiantou{
        width: 26px;
        height: 18px;
        // width: 0.26rem;
        // height: 0.18rem;
        background: url(../images/factory/jiantou1.png) no-repeat center center;
        background-size: 80%;
        position: absolute;
        animation: hjiantouBlink 2s ease-in-out infinite;
        top: 1.5%;
    }
    .hjiantou1{
        left:26%;
    }
    .hjiantou2{
        left:33%;
        animation-delay: 0.2s;
    }
    .hjiantou3{
        left:40%;
        animation-delay: 0.4s;
    }
    .hjiantou4{
        left:47%;
        animation-delay: 0.6s;
    }
    .hjiantou5{
        left:54%;
        animation-delay: 0.8s;
    }
    .hjiantou6{
        left:61%;
        animation-delay: 1s;
    }
    .hjiantou7{
        left:70%;
        animation-delay: 1.2s;
    }
    @keyframes hjiantouBlink {
        0% {opacity: 0.2;}
        50% { opacity: 1;}
        100% {opacity: 0.2;}
    }
    .vjiantou{
        width: 26px;
        height: 18px;
        // width: 0.26rem;
        // height:0.18rem;
        background: url(../images/factory/jiantou2.png) no-repeat center center;
        background-size: 80%;
        position: absolute;
        animation: hjiantouBlink 2s ease-in-out infinite;
        // top: 91%;
        bottom: 4.25%;
    }
    .vjiantou1{
        left: 22%;
    }
    .vjiantou2{
        left: 30%;
    }
    .vjiantou3{
        left: 38%;
    }
    .vjiantou4{
        left: 46%;
    }
    .vjiantou5{
        left: 54%;
    }
    .vjiantou6{
        left: 62%;
    }
    .vjiantou7{
        left: 70%;
    }
    .ljiantou{
        // width: 0.2rem;
        // height: 0.25rem;
        width: 26px;
        height: 18px;
        position: absolute;
        background: url(../images/factory/jiantou3.png) no-repeat center center;
        background-size: 80%;
        animation: ljiantouBlink 2s ease-in-out infinite;
    }
    .ljiantou1{
        top: 25%;
        left: 15.5%;
        animation-delay: 0.2s;
    }
    .ljiantou2{
        top: 50%;
        left: 12.5%;
        animation-delay: 0.4s;
    }
    .ljiantou3{
        top: 76.5%;
        left: 9.3%;
        animation-delay: 0.6s;
    }
    @keyframes ljiantouBlink {
        0% {opacity: 0.2;}
        50% { opacity: 1;}
        100% {opacity: 0.2;}
    }
}